<template>
  <van-row class="homeback">
    <van-col span="0.5">
      <slot name="to"></slot>
    </van-col>
    <van-col span="7"><img src="@/assets/images/catHead.png"
           alt="无法显示图片"
           class="catlogo"
           @click="homeback"></van-col>
    <van-col span="8"
             offset="3"><a href="javascript:void(0)"
         class="homeback_title">
        <slot>发现最新最热电影</slot>
      </a></van-col>
    <van-col span="0.5"
             v-if="isLine">|</van-col>
    <van-col span="5"
             :offset="isLine===false?0.5:0"><a href="javascript:void(0)"
         class="homeback_app">打开App ></a></van-col>
  </van-row>
</template>
<script>
export default {
  props: {
    isLine: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {}
  },
  methods: {
    homeback () {
      this.$router.push({
        path: '/home'
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.homeback {
  height: 60px;
  background-color: #fff;
  display: flex;
  align-items: center;
  color: #afafaf;
  justify-content: space-between;
  text-align: center;
  padding: 8.5px;
  box-sizing: border-box;
  .catlogo {
    height: 39px;
  }
  .homeback_title {
    color: #666;
    font-size: 14px;
    font-weight: bold;
  }
  .homeback_app {
    color: #b37e7e;
    font-size: 15px;
    font-weight: bold;
  }
}
</style>
